import React from 'react'
import './music.css'


const Music = () => {
    return (
        <div className="musicContent">
            <ul className="musicList">
                <li>
                    <div className="musicCard">
                        <div className="cardTop">
                            <span className="collectionStyle">类别：</span>
                            <span className="collectionName">名称：</span>
                        </div>
                        <div className="cardBottom">
                            <button>查看</button>
                            <button>删除</button>
                        </div>
                    </div>
                </li>

                <li>
                    <div>
                        <div className="cardTop">
                            <span className="collectionStyle">类别：</span>
                            <span className="collectionName">名称：</span>
                        </div>
                        <div className="cardBottom">
                            <button>查看</button>
                            <button>删除</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div>
                        <div className="cardTop">
                            <span className="collectionStyle">类别：</span>
                            <span className="collectionName">名称：</span>
                        </div>
                        <div className="cardBottom">
                            <button>查看</button>
                            <button>删除</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div>
                        <div className="cardTop">
                            <span className="collectionStyle">类别：</span>
                            <span className="collectionName">名称：</span>
                        </div>
                        <div className="cardBottom">
                            <button>查看</button>
                            <button>删除</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div>
                        <div className="cardTop">
                            <span className="collectionStyle">类别：</span>
                            <span className="collectionName">名称：</span>
                        </div>
                        <div className="cardBottom">
                            <button>查看</button>
                            <button>删除</button>
                        </div>
                    </div>
                </li>
            </ul>
            <ul className='musicPages'>
                <li>pre</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>···</li>
                <li>next</li>
            </ul>
        </div>
    )
}

export default Music
